<template>
  <div class="footer">
    <van-tabbar route v-model="active" active-color="#5fc6c2" inactive-color="#000">
      <van-tabbar-item name="home" icon="home-o" to="/">首页</van-tabbar-item>
      <van-tabbar-item name="custom" icon="edit" to="/custom">订制</van-tabbar-item>
      <van-tabbar-item name="notes" icon="comment-o" to="/notes">游记</van-tabbar-item>
      <van-tabbar-item name="travelMall" icon="flag-o" to="/travelMall">去哪</van-tabbar-item>
      <van-tabbar-item name="my" to="/mine" icon="user-circle-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active: 'home',
    };
  },
};
</script>
<style lang="scss">
.van-tabbar {
  .van-tabbar-item__text {
    font-size: 12px;
  }
}
</style>
